<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>XRPlanes - Three.js Docs</title>
	<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
	<script src="../scripts/highlight.min.js"></script>
	<link type="text/css" rel="stylesheet" href="../styles/highlight-three.css">
	<link type="text/css" rel="stylesheet" href="../styles/page.css">
</head>
<body>
		<p class="inheritance" translate="no"><a href="EventDispatcher.html">EventDispatcher</a> → <a href="Object3D.html">Object3D</a> → </p>
	<h1 translate="no">XRPlanes</h1>
		<section>
			<header>
				<div class="class-description"><p>A utility class for the WebXR Plane Detection Module. If planes
are detected by WebXR, this class will automatically add them
as thin box meshes to the scene when below code snippet is used.</p></div>
				<h2>Code Example</h2>
				<div translate="no"><pre><code class="language-js">const planes = new XRPlanes( renderer );
scene.add( planes );
</code></pre></div>
			</header>
			<article>
				<h2 class="subsection-title">Import</h2>
				<p><span translate="no">XRPlanes</span> is an addon, and must be imported explicitly, see <a href="https://threejs.org/manual/#en/installation" target="_blank" rel="noopener">Installation#Addons</a>.</p>
				<pre><code class="language-js">import { XRPlanes } from 'three/addons/webxr/XRPlanes.js';</code></pre>
				<div class="container-overview">
					<h2>Constructor</h2>
					<h3 class="name name-method" id="XRPlanes" translate="no">new <a href="#XRPlanes">XRPlanes</a><span class="signature">( renderer : <span class="param-type"><a href="WebGLRenderer.html">WebGLRenderer</a> | <a href="WebGPURenderer.html">WebGPURenderer</a></span> )</span> </h3>
					<div class="method">
						<div class="description">
							<p>Constructs a new XR plane container.</p>
						</div>
						<table class="params">
							<tbody>
								<tr>
									<td class="name">
										<strong>renderer</strong>
									</td>
									<td class="description last">
										<p>The renderer.</p>
									</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
				<h2 class="subsection-title">Source</h2>
				<p>
					<a href="https://github.com/mrdoob/three.js/blob/master/examples/jsm/webxr/XRPlanes.js" translate="no" target="_blank" rel="noopener">examples/jsm/webxr/XRPlanes.js</a>
				</p>
			</article>
		</section>
<script src="../scripts/linenumber.js"></script>
<script src="../scripts/page.js"></script>
</body>
</html>